<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>path</title>
		<style>
			* {
				padding: 0;
				margin: 0;
			}

			svg {
				border: 5px solid black;
			}

		</style>
	</head>
	<body>
		
		<svg>
			<!-- 
				d: 命令
				L: line to 
				M: move to 
				H: 水平画线
				V: 垂直画线
				大写字母命令是绝对位置
				小写字母命令是相对位置
			 -->
			<!-- <path d="M 10 10 h 110 V 110 H 10 V 10" /> -->

			<!-- z闭合路径, 不区分大小写 -->
			<path d="M 10 10 h 110 V 110 H 10 z" />
		</svg>

		<svg width="600" height="150">

			<!-- <path d="M10 110 C 50 150, 100 150, 140 110 C 180 70, 220 70, 260 110" stroke="red" fill="white"></path> -->
			
			<!-- 
				CS(厕所)组合
			 -->
			<path d="M10 110 C 50 150, 100 150, 140 110 S 220 70, 260 110" stroke="red" fill="white"></path>

			
		</svg>

		<svg width="600" height="300">
			
			<!-- 
				QT组合
			 -->
			<path d="M10 150 Q 150 10, 290 150 T 570 150" stroke="red" fill="transparent"></path>

		</svg>


	</body>
</html>